@import '../../style/variable.scss';
@import '../../style/ellipsis.scss';
@import '../../style/hairline.scss';


.xxm-submitbar-ls{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    user-select: none;
    z-index:$submit-bar-z-index;
    background-color:$submit-bar-background-color;
  
    &__tip {
      padding:$submit-bar-tip-padding;
      color:$submit-bar-tip-color;
      font-size:$submit-bar-tip-font-size;
      line-height:$submit-bar-tip-line-height;
      background-color:$submit-bar-tip-background-color;
  
      &:empty {
        display: none;
      }
    }
  
    &__tip-icon {
      width: 12px;
      height: 12px;
      margin-right: 4px;
      vertical-align: middle;
      font-size:$submit-bar-tip-icon-size;
      min-width: 'calc($submit-bar-tip-icon-size * 1.5)';
    }
  
    &__tip-text {
      display: inline;
      vertical-align: middle;
    }
  
    &__bar {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      
      padding:$submit-bar-padding;
      height:$submit-bar-height;
      font-size:$submit-bar-text-font-size;
      background-color:$submit-bar-background-color;
      box-shadow: inset 0 0  1px rgba(0, 0, 0, 0.18);
    }
  
    &__safe {
      height: constant(safe-area-inset-bottom);
      height: env(safe-area-inset-bottom);
    }
  
    &__text {
      flex: 1;
      text-align: left;
      color:$submit-bar-text-color;
      padding-right:$padding-sm;
      font-size: 24px;
      font-weight:$font-weight-bold;

    }
  
    &__price {
      color:$submit-bar-price-color;
      font-weight:$font-weight-bold;
      font-size: 32px;
  
      &-integer {
        font-size: $submit-bar-price-integer-font-size;
        font-size: 32px;
        font-family: $submit-bar-price-font-family;
      }
    }
  
    &__currency {
      font-size: 24px;
    }
  
    &__suffix-label {
      margin-left: 5px;
    }
  
    &__button {
      width: $submit-bar-button-width;
      height: 100%;
      font-weight:$font-weight-bold;
      text-align: center;
      border-radius: 0;
      background-color: $primary;
      // line-height: 72px;
      color: #ffffff;
      font-size: 32px;
      --button-default-height:$submit-bar-button-height !important;
      --button-line-height:$submit-bar-button-height !important;
    }

}